.legend_subject{
  position: absolute;
  z-index: 999;
  bottom: 10px;
  right: 10px;
  font-size: 12px;
  background: white;
  padding: 10px;
}
.legend_line{
  height:13px;
  line-height:13px;
  margin-bottom:5px;
}
.legend_line div{
  width:13px;
  height:13px;
  margin-right:4px;
  float:left;
  border:1px solid grey;
}


.table-body{
  height:300px;
  line-height:300px;
  text-align:center;
  width:290px;
  position:absolute;
  overflow:hidden;
  top:70px;
  left:9px;
  border-left:1px solid #ededed;
  font-size:13px;
}
.table-body table{
  background:white;
  border-collapse:collapse;
  border-spacing:0;
  /*position:relative;	*/
  position: static;
  font-size:11px;
}
.table-body tr{
  height:23px;
  line-height:23px;
  border-top:1px solid #ededed;
  border-bottom:1px solid #ededed;
  nowrap:nowrap;
}
.table-body tbody tr:hover{
  background:#3f88e7;
  color:white;
  cursor:pointer;
}
.table-body th{
  background:#f0f1f3;
  padding-left:5px;
  position:relative;
  font-weight:normal;
}
/*.table-body tr th:last-child,.table-body tr td:last-child{*/
/*  display:none;*/
/*}*/
/*.table-body th:nth-last-child(2) .separator-line{*/
/*  display:none;*/
/*}*/
.table-body td{
  padding-left:5px;
}
.table-body th>div,td>div{
  white-space:nowrap;
  padding-right:50px;
  text-align:left;
}
.titles_rt{
  display:block;
  width:10px;
  position:absolute;
  right:20px;
  top:3px;
  padding:0 !important;
}
.titles_rt div{
  margin-top:2px;
  cursor:pointer;
  display:block;
  width:10px;
  height:7px;
  padding:inherit;
}
.titles_rt .up{
  background:url("../images/up.png") 0 0 no-repeat;
}
.titles_rt .down{
  background:url("../images/down.png") 0 0 no-repeat;
}
.separator-line{
  width:1px;
  height:12px;
  background:#cccccc;
  position:absolute;
  right:10px;
  top:7px;
  padding:0 !important;
}
.maskTable{
  width:9px;
  position:absolute;
  height:300px;
  right:0px;
  background:white;
  top:0px;
  border-left:1px solid #ededed;
}
.main_table{
  width:300px;
  background:#FFF;
  opacity:0.95;
  position:absolute;
  right:20px;
  top:160px;
  left:auto;
  box-shadow:0px 0px 15px #ccc;
  overflow:hidden;
  z-index:1200;
}
.main_tabletop{
  height:30px;
  background:#0C7E30;
  position:absolute;
  width:100%;
  left:0px;
  top:0px;
  cursor:move;
}
.tabtop_left{
  float:left;
  display:inline;
  color:#FFF;
  line-height:30px;
  margin-left:15px;
  font-size:13px;
  font-weight:bold;
}
.tabtop_rt{
  float:right;
  display:block;
  width:14px;
  height:14px;
  background:url("../images/indexImg.png") -160px 0px no-repeat;
  cursor:pointer;
  margin:8px 8px 0px 0px;
}
.data{
  margin:12px 0px;
}
.data .condition{
  width:100%;
  height:50px;
  margin-top:30px;
}
.condition .SumoSelect{
  margin-top:0px;
}
.condition .SumoSelect .CaptionCont{
  height:25px;
}
.condition .SumoSelect .opt{
  font-size:13px;
}
.data_main .CaptionCont > span{
  width:76px;
}
.data_main .SelectBox{
  width:100px;
}
.date_main .SelectBox{
  width:83px;
}
.data_mainle{
  float:left;
  display:inline;
  margin-left:10px;
  font-size:13px;
  color:#333333;
  margin-top:9px;
}
.data_mainrt{
  float:left;
  display:inline;
  margin-top:5px;
}
.data_mainrt span{
  display:block;
  float:left;
  font-size:13px;
}
.select_datetime{
  width:91px;
}
.date_img{
  overflow:auto;
  position:absolute;
  left:15px;
  top:90px;
}
.date_img img{
  display:inline-block;
  margin:7px 20px 0px 0px;
  cursor:pointer;
}

.main_graphic{
  position:absolute;
  right:50px;
  top:420px;
  background:#FFFFFF;
  box-shadow:0px 0px 15px #ccc;
  font-size: 11px;
  width:430px;
  height:270px;
  /*overflow:hidden;*/
  z-index:1200;
}

@media screen and (max-height:900px) {
  .main_table{
    height: 250px;
  }
  .main_graphic{
    top:270px;
  }
  .table-body{
    height:171px;
    line-height:171px;
  }
  .maskTable{
    height:171px;
  }
  .SumoSelect > .optWrapper > .options{
    max-height:100px;
  }
}
@media screen and (min-height:900px) {
  .main_table{
    height: 380px;
  }
  .main_graphic{
    top:410px;
  }
  .table-body{
    height:300px;
    line-height:300px;
  }
  .maskTable{
    height:300px;
  }
  .SumoSelect > .optWrapper > .options{
    max-height:200px;
  }
}